<template>
    <div class="main-container">
        <el-card class="main-card">
            <div class="header">
                <FileButton/>
                <FileSearch/>
            </div>
            <FileBread/>
            <FileCard/>
        </el-card>
    </div>
   
</template>

<script setup lang="ts">
import FileButton from '@/components/disk/FileButton.vue';
import FileCard from '@/components/disk/FileCard.vue';
import FileBread from '@/components/disk/FileBread.vue';
import FileSearch from '@/components/disk/FileSearch.vue';
</script>

<style scoped>
.main-card{
    height: 100%;
    margin-top: -10px;
    
}
.header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* background-color: #f5f5f5; */
}
</style>